<div class="admin-content">
	<div class="am-cf am-padding">
		<div class="am-fl am-cf">
			<strong class="am-text-primary am-text-lg">进货清单</strong> / <small>ImportList</small>
		</div>
	</div>

	<div class="am-tabs am-margin" id="doc-my-tabs" tabdir>
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active"><a value=0>未入库</a></li>
			<li class=""><a value=1>已入库</a></li>
		</ul>

		<div class="am-tabs-bd" style="touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
			<div class="am-tab-panel am-fade am-active am-in" id="tab1">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main am-text-nowrap">
						<thead>
							<tr>
								<th>类别</th>
								<th>产品</th>
								<th>产品数量</th>
								<th>是否入库</th>
								<th>时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-click="readMessage(message)" data-ng-repeat="item in orders.0.currentPageItems" data-ng-class="{'am-text-danger' : !message.hreads}">
								<td>{{ item.product.category.description }}</td>
								<td>{{ item.product.description }}</td>
								<td>{{ item.amount }}</td>
								<td>{{ item.in? "是":"否" }}</td>
								<td>{{ item.manifestTime | date : 'yyyy-MM-dd' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button class="am-btn am-round am-btn-default  am-btn-xs am-text-warning" data-ng-click="updateActive(item)">
												<span class="am-icon-pencil-square-o"></span>入库
											</button>
											<!-- <button data-ng-click="deleteById(job)" class="am-round  am-btn am-btn-default am-btn-xs am-text-danger">
												<span class="am-icon-trash-o"></span>删除
											</button> -->
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" ng-model="total">
						共&nbsp;{{orders.0.recordCount}}&nbsp;条记录
						<div class="am-fr">
							<ul class="am-pagination">
								<li class="{{ orders.0.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="orders.0.previous();">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{ orders.0.recordCount!="0"? orders.0.currentPage : 0 }}</a></li>
								<li class="{{ orders.0.currentPage+1<=orders.0.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="orders.0.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<div class="am-tab-panel am-fade am-active" id="tab2">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main am-text-nowrap">
						<thead>
							<tr>
								<th>类别</th>
								<th>产品</th>
								<th>产品数量</th>
								<th>是否入库</th>
								<th>时间</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-click="readMessage(message)" data-ng-repeat="item in orders.1.currentPageItems" data-ng-class="{'am-text-danger' : !message.hreads}">
								<td>{{ item.product.category.description }}</td>
								<td>{{ item.product.description }}</td>
								<td>{{ item.amount }}</td>
								<td>{{ item.in? "是":"否" }}</td>
								<td>{{ item.manifestTime | date : 'yyyy-MM-dd' }}</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" ng-model="total">
						共&nbsp;{{orders.1.recordCount}}&nbsp;条记录
						<div class="am-fr">
							<ul class="am-pagination">
								<li class="{{ orders.1.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="orders.1.previous();">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{ orders.1.recordCount!="0"? orders.1.currentPage : 0 }}</a></li>
								<li class="{{ orders.1.currentPage+1<=orders.1.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="orders.1.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>


		</div>
	</div>


</div>
<script>
	$(function() {
		$('#doc-my-tabs').tabs();
	})
</script>
<!-- content end -->
<!-- 侧边栏内容 草稿内容 -->
<div class="am-modal am-modal-confirm am-modal-out" tabindex="-1" id="my-confirm" style="display: none; margin-top: -66px;">
	<div class="am-modal-dialog">
		<div class="am-modal-hd">警  告</div>
		<div class="am-modal-bd">你，确定要入库吗？</div>
		<div class="am-modal-footer">
			<span class="am-modal-btn" data-am-modal-cancel>取消</span> <span class="am-modal-btn" data-am-modal-confirm>确定</span>
		</div>
	</div>
</div>